<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html>
<html>
<head>
<title>我的关注 - ${website}</title>
<%@ include file="/common/meta.jsp"%>
<link href="${cdn}/css/pxmain${pageScope.pxmainCssVersion}.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
	<%@ include file="/common/sitenav.jsp"%>
	<jsp:include page="/common/home-header.jsp">
		<jsp:param value="circles" name="column" />
	</jsp:include>
	<!-----------------------------header end------------------------------------------>

	<section id="page1" class="viphome">
		<section class="section vip-content clearfix">
			<!-----------------------------left------------------------------------------->
			<jsp:include page="circle_left.jsp"/>
			<!-----------------------------left-end------------------------------------------->

			<!-----------------------------middle------------------------------------------->
			<article class="col-main lfloat">
				<section class="main-wrap clearfix">
					<!-----------------创建圈子-------------------------->
					<div class="mtl mhl clearfix">
						<div class="lfloat">
							<button type="button" id="toCreateCircle">创建圈子</button>
						</div>
						<div class="title-find pr rfloat">
							<form action="">
								<input type="text" placeholder="查找" class="ipt"> 
								<input type="submit" class="btn pa" >
							</form>
						</div>
					</div>
					<!--------------------------创建圈子 end--------------------------->

					<!--------------------------title-nav--------------------------->
					<div class="circle-title-nav mtl phl">
						<a href="${ctx}/follow" class="pr"><span <c:if test="${empty circleId}">class="font-weight"</c:if> >全部</span></a> 
						<c:forEach var="circle" items="${circles}">
							<a href="${ctx}/circles/${circle.id}"><span <c:if test="${circle.id eq circleId}">class="font-weight"</c:if>>${circle.circleName}</span></a>
						</c:forEach>
					</div>
					<!--------------------------title-nav end--------------------------->
					<!--------------------------people--------------------------->
					<c:choose>
						<c:when test="${!empty follows}">
							<ul class="mhl clearfix mbl" id="follow_list">
								<c:forEach var="follow" items="${follows}">
									<li class="underline clearfix pbs ptl" id="follow_${follow.id}">
										<div class="userPic lfloat">
											<a href="${ctx}/u/${follow.id}/home"> <img src="${imgUrl}/images/demo/userPic.jpg" title="" /></a>
										</div>
										<div class="con clearfix">
											<div class="userName mbspace lfloat">
												<a target="_blank" href="${ctx}/u/${follow.id}/home" class="name">${follow.nickname}</a> <span
													class="addOptName"> <em class="CH">(</em> <a
													class="W_linkb" href="javascript:void(0);" item-func="setRemark" id="setRemark">设置备注</a>
													<em class="CH">)</em> </span>
											</div>
											<div class="lfloat">
												<span id="follow_span_${follow.id}">${follow.circleNameStr}</span> 
												 <i class="icomore groupBtn pr" id="followcircle_${follow.id}">
		                                        	<div class="layer_menu_list pa" style="display:none;" data-role="item">
		                                                <ul>
		                                                	<c:forEach var="fcircle" items="${follow.circles}">
			                                                	<li class="notetxt">
			                                                        <div class=" lfloat mrxs pr W_checkbox">
			                                                        	<input type="checkbox" data-node="circle" data-follow="${follow.id}" data-circle="${fcircle.id}" 
			                                                        		<c:if test="${fcircle.check eq 'true'}">checked="checked"</c:if>
			                                                        		id="${follow.id}_${fcircle.id}" name="circle_${follow.id}"/>
			                                                        </div> 
			                                                        	<label for="${follow.id}_${fcircle.id}">${fcircle.circleName}</label>
			                                                    </li>
		                                                	</c:forEach>
		                                                </ul>
		                                       		</div>
		                                        </i>
											</div>
											<div class="rfloat">
												<button type="button" class="unFollow" onclick="removeAttentionFn('${follow.id}');">取消关注</button>
											</div>
										</div>
										<div class="con">${follow.provinceName} ${follow.cityName}</div>
										<div class="con">
											<span class="mrxs">关注<a href="${ctx}/u/${follow.id}/follow">${follow.figure.follows}</a>
											</span> <span class="mrxs">粉丝<a href="${ctx}/u/${follow.id}/fans">${follow.figure.fans}</a>
											</span> <span class="mrxs">微博<a href="${ctx}/u/${follow.id}/post">${follow.figure.posts}</a>
											</span>
										</div>
									</li>
								</c:forEach>
								</ul>
								<!---------------------分页------------------------------------>
								<div class="pagination8 mtm">
									<a class="prev-page" href="#"><span>上一页</span>
									</a> <span class="current-page">1</span> <a class="next-page"
										href="#"><span>下一页</span>
									</a>
								</div>
						</c:when>
						<c:otherwise>
							<ul class="mhl clearfix mbl min-height">
		                    	<div class="create-suc">
		                        	<span class="jia">+</span>
		                            <a href="javascript:void(0);" title="添加新成员" id="toAdd"><span class="add">添加新成员</span></a>
		                        </div>
		                    </ul>
						</c:otherwise>
					</c:choose>
					<!--------------------------people end--------------------------->
				</section>
			</article>
			<!-----------------------------middle end------------------------------------------->
			<!-- 选择圈子start -->
			<jsp:include page="circle_box.jsp"/>
			<!-- 选择圈子end -->
			<!-- 设定关注所在圈 -->
			<jsp:include page="follow_box.jsp"/>
			<!-- 设定关注所属圈 -->
			<!------------------------------right----------------------------------------->
			<jsp:include page="right.jsp"/>
			<!------------------------------right end------------------------------------>

		</section>
	</section>

	<!---------------------------------footer------------------------------------------>
	<%@ include file="/common/footer.jsp"%>
	<!-----------------------------------footer-end------------------------------------>
	<script type="text/javascript" src="${cdn}/js/px/user/follow${pageScope.userFollowJsVersion}.js"></script>
</body>
</html>
